<template class="index_background">
  <div>
    <el-collapse v-model="activeNames" @change="handleChange" >
      <div class="divcss5" style="border-bottom:3px solid #eee">
        <h5 align="left">企业信息管理>违规提示</h5>
      </div>
      <el-collapse-item class="set" title="违规提示" v-for="(item,index) in collapseList" :key="index" :name="index">
        <div class="toleft">{{item.hint}}</div>
        <div class="toleft">{{item.time}}</div>
      </el-collapse-item>
    </el-collapse>
  </div>
</template>

<style>
.toleft{
  float:left;
}
.divcss5{
  margin:30px 0;
  color: rgb(144,144,144);
  height: 100px;
}
.index_background{
   background:white;
   }
  .lable{
    color: rgb(144,144,144);
    margin-top:30px;
    margin-bottom:30px;
  }
  .set {
    width:1000px;
    margin-top: 21px;
    font-size: 14px;
    background:rgb(144,144,144);
  }
</style>

<script>
  export default {
    data() {
      return {
        //activeNames: ['1'],
        collapseList:[
          {
            hint:'您的账号发布的“前端开发工程师”招聘信息存在违规情况，系统已将其删除，请注意！',
            time:'2020-07-06'
          },
          {
            hint:'您的账号发布的“JAVA开发工程师”招聘信息存在违规情况，系统已将其删除，请注意！',
            time:'2020-07-07'
          },
        ]
      };
    },
    methods: {
      handleChange(val) {
        console.log(val);
      }
    }
  }
</script>